.v-chart-switch {
	line-height: 1;

	.switch-item {
		display: inline-block;
		width: 32px;
		height: 32px;
		border: 1px solid #d8dce6;
		border-right: 0;
		cursor: pointer;
		user-select: none;
		text-align: center;
		line-height: 32px;
		&:last-child {
			border-right: 1px solid #d8dce6;
		}

		&.active {
			border-color: #2185f0;
			color: #2185f0;

			& + .switch-item {
				border-left-color: #2185f0;
			}
		}
	}
}

/* 单页面布局 */
.v-view {
	height: 100%;
}
.box {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: calc(100% - 56px);
	.screen {
		position: relative;
		width: 248px;
		height: 100%;
		box-sizing: content-box;
		background: #fff;
		.analysis {
			height: calc(100% - 60px);
			overflow-y: scroll;
			padding: 10px 10px 10px 15px;
		}
		.box-btn {
			position: absolute;
			right: 0;
			bottom: 0;
			width: 100%;
			border-top: 1px solid #e9e9e9;
			padding: 10px 16px;
			background: #fff;
			text-align: right;
			z-index: 1;
			.btn {
				display: inline-block;
				margin-left: 8px;
			}
		}
	}
	.data-view {
		overflow-y: auto;
		flex: 1;
		// height: calc(100% - 16px);
		margin: 12px;
		margin-bottom: 0;
		// padding: 20px 24px;
		// background: #fff;
		@include scrollBar;
	}
}

/* inline模式时重置表单元素的长度 */
.input-leng-l{
   width: 124px !important;
}
.input-leng-m{
	width: 96px !important;
}
.input-leng-s{
	width: 58px !important;
}

.select-leng-l{
	width: 164px !important;
}
.select-leng-m{
	width: 110px !important;
}
.select-leng-s{
	width: 100px !important;
}
.mul-select-leng{
	width:214px !important;
}


.date-range-leng{
	width:350px !important;
}

/* 关闭按钮*/
.del{
	.anticon-close{
         font-size: 12px;
		 color:#9AA2B4
	}
}
.add-btn{
	cursor: pointer;
	.anticon-plus-circle{
		color: $blue;

	}
}

.cm-s-solarized.CodeMirror {
	box-shadow: inset 7px 0 12px -6px #fff !important;
}
